#감정 일기장
← View all tags-
React 감정 일기장 만들기 1편 - 프로젝트 시작하기와 기본 구조 이해
React 초보자를 위한 감정 일기장 앱 만들기 시리즈 1편. Create React App으로 프로젝트를 생성하고, index.html부터 index.js까지 React 앱이 브라우저에서 어떻게 시작되는지 처음부터 차근차근 배워봅니다.
-
React 감정 일기장 만들기 2편 - React Router로 페이지 만들기
React Router를 사용해서 Home, New, Diary, Edit 페이지를 만들고 URL에 따라 다른 화면을 보여주는 SPA를 구현합니다. 동적 라우팅과 Link 컴포넌트 사용법까지 실습으로 배워봅니다.
-
React 감정 일기장 만들기 3편 - State로 데이터 관리하기
React의 핵심 개념인 useState로 일기 데이터를 관리하는 방법을 배웁니다. Editor 컴포넌트를 만들면서 날짜, 감정, 내용 입력을 처리하고 이벤트 핸들러와 불변성 유지까지 실습합니다.
-
React 감정 일기장 만들기 4편 - 재사용 가능한 컴포넌트 만들기
React 컴포넌트를 작은 부품으로 나눠서 재사용성을 높이는 방법을 배웁니다. EmotionItem, Button, Header 컴포넌트를 만들고 Props를 활용한 컴포넌트 간 통신까지 완벽 마스터!
-
React 감정 일기장 만들기 5편 - 전체 앱 연결 및 데이터 관리
React 감정일기장 시리즈 최종편! App.js에서 일기 데이터를 관리하고, CRUD 기능을 구현하여 완벽하게 작동하는 감정일기장 앱을 완성합니다. onCreate, onUpdate, onDelete까지 모든 기능을 통합합니다.